<template>
	<div class="intelligent">
		<div class="wrapper content">
			<swiper :banners="data?.data.banners"></swiper>
			<tab-category :categorys="data?.data.categorys" @itemClick="itemClick"></tab-category>

			<template v-for="(item, index) in data?.data.categorys" :key="item.id">
				<section-category :category="item"></section-category>
			</template>
		</div>
	</div>
</template>

<script setup>
	import { getHomeInfo } from '@/service/home'

	const { data } = await getHomeInfo('intelligent')
</script>

<style lang="scss" scoped>
	.intelligent {
		background-color: $bgGrayColor;
	}
</style>
